// 获取元素
// 登陆div中的超链接
const loginA = document.querySelector(".login-a");
// 注册中的超链接
const registerA = document.querySelector(".register-a");
// 登陆div
const login = document.querySelector(".login");
// 注册div
const register = document.querySelector(".register");
//拿到表单的form元素
const registerForm = document.querySelector(".register form");
// console.log(registerForm);
// 登陆中div绑定点击事件
loginA.addEventListener("click", function () {
  // 先隐藏
  login.style.display = "none";
  //   后显示注册
  register.style.display = "block";
});

// 注册中绑定点击事件
registerA.addEventListener("click", function () {
  register.style.display = "none";
  login.style.display = "block";
});

// 注册表单
registerForm.addEventListener("submit", async function (e) {
  // 阻止默认行为
  e.preventDefault();
  //   toastr.error("res.message", "温馨提示");
  //   return;
  //   获取input框元素
  const username = registerForm
    .querySelector('input[name="username"]')
    .value.trim();
  const password = registerForm
    .querySelector('input[name="password"]')
    .value.trim();
  //   console.log(username, password);
  if (!username || !password) {
    // alert("用户名输入不正确");
    return;
  }
  const res = await axios({
    url: "/api/register",
    method: "post",
    data: {
      username,
      password,
    },
  });

  if (res.data.code === 0) {
    toastr.success(res.data.message, "恭喜");
    setTimeout(() => {
      // 切换显示 登录表单
      registerA.click();
      console.log(registerA);
      // 把账号填写到登录表单- 用户名 标签上
      login.querySelector("input[name=username]").value = username;
    }, 1500);
  } else {
    toastr.error(res.data.message, "温馨提示");
  }
});

// 登陆
const containerForm = document.querySelector(".login form");
containerForm.addEventListener("submit", async function (e) {
  e.preventDefault();
  const username = containerForm
    .querySelector('input[name="username"]')
    .value.trim();
  const password = containerForm
    .querySelector('input[name="password"]')
    .value.trim();
  const res = await axios({
    url: "/api/login",
    method: "post",
    data: {
      username,
      password,
    },
  });
  console.log(res);
  //   判断登陆是否成功
  if (res.data.code === 0) {
    localStorage.setItem("token8789", res.data.token);
    toastr.success(res.data.message, "成功");
    setTimeout(() => {
      location.href = "/index.html";
    }, 1500);
  } else {
    toastr.error(res.data.message, "温馨提示");
  }
});
